<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/inc/taglib.inc" %>
<%@ include file="/WEB-INF/inc/script.inc" %>
<!DOCTYPE html>
<html>
<meta http-equiv="x-frame-options" ,content="SAMEORIGIN" />
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<base href="${base}">
    <title>中金通 | 项目管理</title>
    
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <!-- FooTable -->
   <!--  <link href="css/plugins/footable/footable.core.css" rel="stylesheet"> -->
    <!-- Data Tables -->
    <link href="css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.responsive.css" rel="stylesheet">
    <link href="css/plugins/dataTables/dataTables.tableTools.min.css" rel="stylesheet">
    <link href="css/plugins/jsTree/style.min.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">

</head>

<body>

    <div id="wrapper">

    	<!-- 左侧菜单 -->
        <jsp:include page="/WEB-INF/jsp/common/main-menu.jsp"></jsp:include>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
        <!-- 头部工具栏区 -->
        <jsp:include page="/WEB-INF/jsp/common/main-header.jsp"></jsp:include>
        </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-10">
                    <h2>项目管理</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="common/platform">Home</a>
                        </li>
                        <li>
                            <a href="project/inStoreList">已入库项目</a>
                        </li>
                        <li class="active">
                            <strong>项目列表</strong>
                        </li>
                    </ol>
                </div>
                <div class="col-lg-2">

                </div>
            </div>

        <div class="row" style="margin-top:10px;">
        <div class="col-md-12">
        	<div class="tabs-container">
	        <ul class="nav nav-tabs">
	            <li class="active">
					<a href="investor/list">
						已入库列表
					</a>
				</li>
	        </ul>
		<div class="tab-content">
              <div class="tab-pane active">
                  <div class="panel-body">
                      <div class="wrapper wrapper-content animated fadeInRight ecommerce">
		<form action="list" id="queryForm" name="queryForm" method="post" class="myform">
            <div class="ibox-content m-b-sm">
                <div class="row">
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="order_id">项目名称</label>
                            <input type="text" id="order_id" name="name" value="" placeholder="项目名称" class="form-control">
                        </div>
                    </div>
                   <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="date_added">录入日期</label>
                            <div class="input-group date">
                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span><input id="date_added" type="text" name="createTime" class="form-control" data-date-format="yyyy-mm-dd"  >
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="depart">状态</label>
                            <select class="form-control m-b" name="state" >
	                            <option value="">所有</option>
	                           	<option value="10">拟投资</option>
	                           	<option value="11">已投资</option>
	                           	<option value="12">已退出</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="row">
                     <div class="col-sm-4">
                        <div class="form-group">
                            <label class="control-label" for="customer">企业名称</label>
                            <input type="text" name="enterpriseName" value=""  placeholder="企业名称"  class="form-control">
                        </div>
                    </div>
                    	<div class="col-sm-4">
	                     <div class="form-group">
	                            <label class="control-label" for="depart">项目类型</label>
	                            <select class="form-control m-b" name="type" >
		                            <option value="">所有</option>
		                           	<option value="1">债券</option>
		                           	<option value="2">股权</option>
	                            </select>
	                        </div>
                        </div>
                </div>
				<p class="col-sm-offset-5">
					<button type="button" id="btn_query" class="btn btn-primary">查询</button>
					<button type="reset" class="btn btn-outline btn-default" id="btn_reset" >重置</button>
                </p>
            </div>
			</form>
			            <div class="row">
			                <div class="col-lg-12">
									 <div class="ibox float-e-margins">
				                        <div class="ibox-content">
				                            <table id="modelEditable"  style="width:100%;" class="table table-striped table-bordered table-hover" >
				                                <thead>
				                                <tr>
				                                    <th style="background-color:white;" class="sorting_disabled">项目编号</th>
				                                    <th style="background-color:white;">项目名称</th>
				                                    <th style="background-color:white;">项目类型</th>
				                                    <th style="background-color:white;">企业</th>
				                                    <th style="background-color:white;">项目金额(元)</th>
				                                    <th style="background-color:white;">已投资</th>
				                                    <th style="background-color:white;">录入时间</th>
				                                    <th style="background-color:white;">状态</th>
				                                    <th style="background-color:white;">项目评级</th>
				                                    <th style="background-color:white;">操作</th>
				                                </tr>
				                                </thead>
				                                <tbody>
				                                </tbody>
				                            </table>
				                        </div>
				                    </div>
			                </div>
			            </div>
				  </div>
			     </div>
			    </div>
			   </div>
			  </div>
			</div>
				
		<!-- 项目评级 -->
        <button class="btn btn-primary"  type="button" id="report_grade" data-toggle="modal" data-target="#reportgradeModal" style="display:none;"></button>
		 <div class="modal mymodal inmodal" id="reportgradeModal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                        	<button type="button" class="close" data-dismiss="modal" id="deal_emp_miss"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">项目评级</h4>
                    </div>
                    <form id="reportgrade_project_form">
	                     <div class="modal-body" style="height:140px;">
		                    	<div class="form-group"><label class="col-sm-4 control-label">项目评级:</label>
		                    		<div class="col-sm-8">
			                    		 <select id="grade" class="form-control m-b" name="grade" >
				                              <option value="1">☆</option>
				                              <option value="2">★</option>
								              <option value="3">★☆</option>
								              <option value="4">★★</option>
								              <option value="5">★★☆</option>
								              <option value="6">★★★</option>
								              <option value="7">★★★☆</option>
								              <option value="8">★★★★</option>
								              <option value="9">★★★★☆</option>
								              <option value="10">★★★★★</option>
				                           </select>
		                            </div>
		                    	</div>
		                    	<div class="form-group">
						          <label class="col-sm-4 control-label">评级附件:</label>
						          <div class="col-sm-8">
		 				          	   <input id="relatedFile" class="btn btn-outline btn-primary" type="file" name="relatedFile" accept=".xls,.xlsx,.doc,.docx,.txt,.pdf,.ppt,.pptx">
						          	  <!--  <input class="btn btn-outline btn-primary" type="button" value="上传" onclick="uploadReportFile()"> -->
						          </div>
						     </div>
	                    		<input style="display:none;"  name="eventId"  id="project_event_id" >
	                    </div>
                    </form>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" id="dsimiss_rename_attachment" data-dismiss="modal">关闭</button>
                        <button type="button" id="btn_grade_project_attachment" class="btn btn-primary">确定</button>
                    </div>
                </div>
        	</div>
        </div>
        
        <!-- 上传合同 -->
        <button class="btn btn-primary"  type="button" id="report" data-toggle="modal" data-target="#reportModal" style="display:none;"></button>
		 <div class="modal mymodal inmodal" id="reportModal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                        	<button type="button" class="close" data-dismiss="modal" id="deal_emp_miss"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">上传合同文件</h4>
                    </div>
                    <form id="report_project_form">
	                     <div class="modal-body" style="height:300px;">
	                    	 <div class="form-group">
						          <label class="col-sm-4 control-label">上传文件:</label>
						          <div class="col-sm-8">
		 				          	   <input id="contractFile" class="btn btn-outline btn-primary" type="file" name="contractFile" accept=".xls,.xlsx,.doc,.docx,.txt,.pdf,.ppt,.pptx">
						          	   <input class="btn btn-outline btn-primary" style="margin-left:302px;margin-top:-35px;" type="button" value="上传" onclick="uploadReportFile()">
						          </div>
						     </div>
						     <div class="row" id="customSet">
					                <div class="col-lg-12">
					                    <div class="ibox float-e-margins">
					                        <div class="ibox-content">
					                            <table id="modelEditable_report" class="table table-striped table-bordered table-hover">
					                                <thead>
						                               	 <tr>
						                                    <th>文件名</th>
						                                    <th>上传人</th>
						                                    <th>上传时间</th>
						                                    <th style="width:40px;">操作</th>
						                                </tr>
					                              	  </thead>
						                              <tbody>
						                              </tbody>
						                        </table>
					                        </div>
					                    </div>
					                </div>
					            </div> 
	                    	<input style="display:none;"  name="eventId"  id="report_project_eventId" >
	                    </div>
                    </form>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white" id="dsimiss_deal_emp" data-dismiss="modal">关闭</button>
                    </div>
                </div>
        	</div>
        </div>
        
         <!-- 合同文件重命名 -->
        <button class="btn btn-primary"  type="button" id="report_rename" data-toggle="modal" data-target="#reportRenameModal" style="display:none;"></button>
		 <div class="modal mymodal inmodal" id="reportRenameModal" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                        	<button type="button" class="close" data-dismiss="modal" id="deal_emp_miss"><span aria-hidden="true">&times;</span><span class="sr-only">关闭</span>
                            </button>
                            <h4 class="modal-title">合同文件重命名</h4>
                    </div>
                    <form id="reportRename_project_form">
	                     <div class="modal-body" style="height:300px;">
		                     	<div class="form-group"><label>旧文件名:</label>
		                    		&nbsp;&nbsp;&nbsp;<span id="old_file_name" ></span>
		                    	</div>
		                    	<div class="form-group"><label>新文件名:</label>
		                    		&nbsp;&nbsp;&nbsp;<input  type="text" id="modify_file_name" placeholder="请输入文件名称" class="form-control"></input>
		                    	</div>
	                    		<input style="display:none;"  name="eventId"  id="project_attachment_id" >
	                    </div>
                    </form>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-white"  id="dsimiss_rename_contract"  data-dismiss="modal">关闭</button>
                        <button type="button" id="btn_rename_project_attachment" class="btn btn-primary">确定</button>
                    </div>
                </div>
        	</div>
        </div>
        
        
        </div>
        <!-- 底部版权 -->
        <jsp:include page="/WEB-INF/jsp/common/main-footer.jsp"></jsp:include>

        </div>
        </div>



    <!-- Mainly scripts -->
   
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/plugins/validate/jquery.validate.min.js"></script>
    <script src="js/plugins/jeditable/jquery.jeditable.js"></script>
	<script src="js/jquery.serialize-object.min.js" type="text/javascript"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>
	<script src="js/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
    
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    
    <!-- Data Tables -->
    <script src="js/plugins/dataTables/jquery.dataTables.min.js"></script>
    <script src="js/plugins/dataTables/dataTables.bootstrap.js"></script>
    <script src="js/plugins/dataTables/dataTables.responsive.js"></script>
    <script src="js/plugins/dataTables/dataTables.tableTools.min.js"></script>
     <!-- 业务js -->
     <script src="js/ajaxfileupload.js"></script>
    <script src="js/plugins/jsTree/jstree.min.js"></script>
    <script src="js/project/InStoreList.js?v=${jsVersion}"></script>
    <script src="js/investor/utils.js?v=${jsVersion}"></script>
	<!-- FooTable -->
    <!-- Page-Level Scripts -->
    <script>
        $(document).ready(function() {
        	FlowProjectModule.init();
        	
        	ProjectReport.init();
        	
            $('#date_added').datepicker({
                todayBtn: "linked",
                keyboardNavigation: false,
                forceParse: false,
                calendarWeeks: true,
                autoclose: true
            });

        });

    </script>

</body>

</html>
